import { ref } from 'vue'
import axios from 'axios'
// use-swr
function useURLLoader<T>(url: string){
   const result= ref<T | any> (null)
   const loading = ref(true)
   const loaded = ref(false)
   const error = ref(null)

   axios.get(url).then(res => {
       loading.value = false
       loaded.value = true
       result.value = res.data
   }).catch((e) => {
       error.value = e
   })

   return {
       result,
       loading,
       loaded,
       error
   }
}

export default useURLLoader